window.onload = function(){
   var s01 = document.getElementById("s01");
   var s02 = document.getElementById("s02");
   var s03 = document.getElementById("s03");

   var h01 = document.getElementById("h01");
   var h02 = document.getElementById("h02");
   var h03 = document.getElementById("h03");

   var c01 = document.getElementById("c01");
   var c02 = document.getElementById("c02");
   var c03 = document.getElementById("c03");

   var content = document.getElementById("content");
   s01.onclick = function(){
     content.style.width = "100px";
   }
   s02.onclick = function(){
     content.style.width = "150px";
   }
   s03.onclick = function(){
     content.style.width = "200px";
   }

   h01.onclick = function(){
     content.style.height = "100px";
   }
   h02.onclick = function(){
     content.style.height = "150px";
   }
   h03.onclick = function(){
     content.style.height = "200px";
   }

   c01.onclick = function(){
     content.style.backgroundColor = "red";
   }
   c02.onclick = function(){
     content.style.backgroundColor = "yellow";
   }
   c03.onclick = function(){
     content.style.backgroundColor = "blue";
   }
}